<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"      
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
       
    </h:head>
    <h:body>
        <ui:composition template="/WEB-INF/facelets/templates/TemplatePagina_1.xhtml">
           <ui:define name="contenido">
               <h:outputText value="#{msg.labelVenta}"/>    
               <p:tabView id="VentaTabView" dynamic="true" orientation="top" activeIndex="#{bVenta.activeTabIndex}">
                  <p:tab id="tab_presentacion" title="#{msg.labelPresentacion}">
                      <h:outputText value="#{msg.labelVentasPres}" /> 
                  </p:tab>
                  <p:tab id="tab_registrar" title="#{msg.labelRegistrar}">
                     <h:form id="form_reg_venta" style="text-align: justify">
                        <p:growl globalOnly="true"  id="estRegVenta" sticky="false"  showDetail="true"  />                                
                    
                        <p:panel id="datGenVenta" header="#{msg.labelDatosVenta}" styleClass="border">
                            <h:panelGrid columns="2">
                            
                            <h:outputText value="Fecha"/>
                            <h:panelGroup>
                                <p:calendar effect="explode" value="#{bVenta.objVentaReg.fecha_venta}"  pattern="dd/mm/yyyy"/>                           
                            </h:panelGroup>
                                                            
                            <h:outputText value="#{msg.labelNombre}" />
                            <h:panelGroup>
                                <p:selectOneMenu value="#{bVenta.objVentaReg.obj_cli.id_cliente}" 
                                                 panelStyle="width:250px" effect="fade" style="width: 160px" required="true"
                                                 id="nom_cliente">
                                   <f:selectItem itemLabel="Elegir Opcion" itemValue="" />
                                   <f:selectItems value="#{Cliente.cargarComboCliente}" />
                                </p:selectOneMenu>
                                
                                <h:message for="nom_cliente" showDetail="false" showSummary="true"/>                                         
                            </h:panelGroup>   
                            
                            <h:outputText value="Empleado" />
                            <h:panelGroup>
                                <p:selectOneMenu value="#{bVenta.objVentaReg.obj_emp.id_empleado}" 
                                                 panelStyle="width:250px" effect="fade" style="width: 160px" required="true"
                                                 id="nom_empleado">
                                   <f:selectItem itemLabel="Elegir Opcion" itemValue="" />
                                   <f:selectItems value="#{Empleado.cargarComboEmpleado}" />
                                </p:selectOneMenu>
                                
                                <h:message for="nom_empleado" showDetail="false" showSummary="true"/>                                         
                            </h:panelGroup> 
                            
                            <h:outputText  value="precio"/>
                            <h:panelGroup>
                               <p:inputText id="precio_v" required="true" requiredMessage="#{msg.labelObli}"
                                            value="#{bVenta.objVentaReg.precio_total}"
                                                maxlength="50"  validatorMessage="#{msg.labelValidar}">  
                                  <f:validateLength minimum="0"  maximum="50" />    
                               </p:inputText>
                               <h:message for="precio_v" showDetail="false" showSummary="true"/> 
                            </h:panelGroup>          
                            
                            </h:panelGrid> 
                            <h:panelGrid columns="3"  cellpadding="2"  cellspacing="6"   styleClass="panelColumns" columnClasses="labelOT, valueOT"  >
                                <p:commandButton icon="ui-icon-triangle-1-w" actionListener="#{bVenta.doDesactivaTabReg()}"
                                                 value="Cerrar" immediate="true" async="true" 
                                                 update=":VentaTabView, form_reg_venta" />
                                <p:commandButton actionListener="#{bVenta.doRegVenta()}" icon="ui-icon-disk" async="true"
                                                 value="#{msg.btnRegistrar}"  update="form_reg_venta, estRegVenta" 
                                                 global="false"/>  
                      
                            </h:panelGrid>     
                        
                        </p:panel>
                     </h:form>
                  </p:tab>
                  <p:tab id="tab_Mostrar_Venta"  title="#{msg.labelListar}" titletip="#{msg.labelMListar}">
                     <h:form id="form_mostrar_listado">
                        <p:panel id="datLisVenta" header="#{msg.labelListado}" styleClass="border">
                            <h:panelGrid columns="1" cellpadding="10" >              
                                <h:panelGroup>
                                    <h:outputText value="#{msg.labelOpcListar}"/>
                                </h:panelGroup> 
                            </h:panelGrid>
                            <h:panelGrid columns="3" cellpadding="2"  cellspacing="2" style="text-align: center;" width="100%">
                                <p:commandButton id="saveBtnINI" icon="ui-icon-document" 
                                                 actionListener="#{bVenta.doiniciarListadoVenta()}"  
                                                 value="#{msg.labelNuevo}" async="true" update="datLisVenta"/>
                                <p:commandButton id="saveBtn" icon="ui-icon-search" 
                                                 actionListener="#{bVenta.doListarVenta()}"  
                                                 value="#{msg.labelListar}" async="true" update="datLisVenta"/>  
                            </h:panelGrid>
                            <p:blockUI block="datLisVenta" trigger="saveBtn">                                               
                                        Generando Listado... <br />
                                <p:graphicImage value="resources/imagenes/cargando.gif" />   
                            </p:blockUI>
                                   
                            <br />
                            <center>
                            <h:panelGrid columns="2" rendered="#{bVenta.sizeRegistrosVenta ne '0'}">
                                <h:outputText styleClass="etiqueta_resultBusq" value="#{msg.labelCantidad}"/>
                                <h:outputText styleClass="etiqueta_resultBusq" value="#{bVenta.arrVenta.size()}"/>               
                            </h:panelGrid> 
          
                            <h:panelGrid columns="1"   rendered="#{bVenta.sizeRegistrosVenta ne '0'}" cellpadding="0"  
                                         cellspacing="0" border="0"  styleClass="width-table"> 

                               <p:dataTable id="resListadoVenta" value="#{bVenta.arrVenta}" var="listVenta"  styleClass="order-table" paginator="true"
                                    rows="5"  rowsPerPageTemplate="5,10,15,20,25,30,50" paginatorPosition="both" paginatorAlwaysVisible="true" style="size: 3000">
                                   <p:column>
                                      <f:facet name="header">
                                          <h:outputText value="#{msg.labelCodigo}" />
                                      </f:facet>
                                      <h:outputText value="#{listVenta.id_venta}"/>
                                   </p:column> 
                                   
                                   <p:column>
                                      <f:facet name="header">
                                         <h:outputText value="#{msg.labelFecha}" />
                                      </f:facet>
                                      <h:outputText  value="#{listVenta.fecha_venta}">
                                           <f:convertDateTime pattern="dd/MM/yyyy"/>
                                      </h:outputText>
                                   </p:column>   
                                   <p:column>
                                      <f:facet name="header">
                                         <h:outputText value="#{msg.labelCliente}" />
                                      </f:facet>
                                      <h:outputText value="#{listVenta.obj_cli.ape_nombre}"/>
                                   </p:column>   
                                   <p:column>
                                      <f:facet name="header">
                                          <h:outputText value="#{msg.labelEmpleado}" />
                                      </f:facet>
                                      <h:outputText value="#{listVenta.obj_emp.nombre}"/>
                                   </p:column>
                                   <p:column>
                                      <f:facet name="header">
                                          <h:outputText value="#{msg.labelTotal}" />
                                      </f:facet>
                                       <h:outputText value="#{listVenta.precio_total}"/>
                                   </p:column>
                                   <p:column exportable="false" >
                                      <f:facet name="header">
                                         <center><h:outputText value="Ver"/></center>
                                      </f:facet>
                                      <p:commandLink  id="ver" title="ver" value="Ver" action="#{bVenta.mostrarDetalleVenta(listVenta)}"  async="true" update=":VentaTabView, :VentaTabView:form_ver_detalle_Venta"/>                                                    
                                   </p:column>                                         

                                   <p:column exportable="false" >
                                      <f:facet name="header">
                                         <center><h:outputText value="Editar"/></center>
                                      </f:facet>
                                      <p:commandLink id="editar" title="editar" value="Editar" action="#{bVenta.modificarVenta(listVenta)}"  async="true" update=":VentaTabView, :VentaTabView:form_mod_Venta"/>
                                                                                 
                                   </p:column>     

                                   <p:column exportable="false">
                                      <f:facet name="header">
                                         <center><h:outputText value="Eliminar"/></center>
                                      </f:facet>
                                      <p:commandLink id="eliminar" title="eliminar" value="Eliminar" action="#{bVenta.eliminarVenta(listVenta)}"  async="true" update=":VentaTabView, :VentaTabView:form_elim_Venta"/>                                            
                                   </p:column>      
                                       
                               </p:dataTable>    
                            </h:panelGrid>  
                          </center>
                        </p:panel>
                     </h:form>
                  </p:tab>   
                  <p:tab id="tab_Mostrar_det_Venta" title="Ver" titletip="#{msg.labelDetalleTipVenta}"  disabled="#{bVenta.bandVer}">
                     <h:form class="border_titulo1" id="form_ver_detalle_Venta"   style="text-align : justify;"> 
                        <p:growl globalOnly="true"  id="VerVenta" sticky="false"  showDetail="true"  />
                        <p:panel id="verDatDetalleVenta" header="#{msg.labelVerVenta}" styleClass="border">                                
                                  
                           <p:fieldset legend="#{msg.labelInformacion}"  styleClass="border">  
                              <h:panelGrid columns="2"  cellpadding="2"  cellspacing="6"   styleClass="panelColumns" columnClasses="labelOT, valueOT"  >
                                 <h:outputText value="Código: " />  
                                 <h:outputText value="#{bVenta.objVentaDetalle.id_venta}"/>
                                 <h:outputText  value="Fecha: "/>                                            
                                 <h:outputText value="#{bVenta.objVentaDetalle.fecha_venta}">
                                   <f:convertDateTime pattern="dd/MM/yyyy"/>
                                 </h:outputText>
                                 <h:outputText  value="Cliente: "/>
                                 <h:outputText value="#{bVenta.objVentaDetalle.obj_cli.ape_nombre}"/>    
                                 <h:outputText  value="Empleado: "/>
                                 <h:outputText value="#{bVenta.objVentaDetalle.obj_emp.nombre}"/>
                                 <h:outputText  value="Total: "/>
                                 <h:outputText value="#{bVenta.objVentaDetalle.precio_total}"/>  
                              </h:panelGrid>                    
                           </p:fieldset>      
                           <h:panelGrid columns="1" cellpadding="4"  cellspacing="4" style="text-align: center;" width="100%">                                                                    
                              <h:panelGroup>
                                 <h:panelGrid columns="1" cellpadding="2"  cellspacing="2" style="text-align: center;" width="100%">
                                    <p:commandButton icon="ui-icon-triangle-1-w" actionListener="#{bVenta.desactivaTabVer()}"  value="Aceptar" immediate="true" async="true" update=":VentaTabView, :VentaTabView:form_mostrar_listado"/>
                                 </h:panelGrid>
                              </h:panelGroup>  
                           </h:panelGrid>   
                                       
                        </p:panel>                         
                     </h:form>                   

                  </p:tab>
                  <p:tab id="tab_Editar_Venta" title="Modificar" titletip="Modificar Venta"  disabled="#{bVenta.bandMod}"> 
                        <!-- Formulario que permite la Edicion de Venta -->                        
                     <h:form class="border_titulo1" id="form_mod_Venta" style="text-align: justify" rendered="true">
                         <p:growl globalOnly="true"  id="estModVenta" sticky="false"  showDetail="true"  />
                     </h:form>
                  </p:tab> 
                  <p:tab id="tab_Eliminar_Venta" title="Eliminar" titletip="Eliminar Venta" disabled="#{bVenta.bandEli}">
                     <h:form class="border_titulo1" id="form_elim_Venta"   style="text-align : justify;">                
                         <p:growl globalOnly="true"  id="estElimVenta" sticky="false"  showDetail="true"  />
                     </h:form>
                  </p:tab>   
                  <p:tab id="tab_Buscar_Venta" title="Buscar" titletip="Buscar Venta" >
                     <h:form class="border_titulo1" id="form_busc_Venta"   style="text-align : justify;">                
                     </h:form>
                  </p:tab>   
               </p:tabView> 
           </ui:define>      
        </ui:composition>  
    </h:body>
    
</html>
